import {createRouter, createWebHistory} from 'vue-router'


import App from '../App.vue'

const router = createRouter({
    history: createWebHistory(import.meta.env.BASE_URL),

    routes: [

        {
            path: "/",
            children: [

                {
                    path: '/webgl',
                    name: 'webgl',
                    component: () => import('../views/webgl.vue'),
                    meta: {transition: 'slide-right'},
                },
                {
                    path: '/webgl1',
                    name: 'webgl1',
                    component: () => import('../views/webgl1.vue'),
                    meta: {transition: 'slide-left'},
                },

                {
                    path: '/webgl2',
                    name: 'webgl2',
                    component: () => import('../views/webgl2.vue'),
                    meta: {transition: 'slide-left'},
                }


            ]
        },




    ]
})

export default router
